<div class="slider-wrapper grid_8">
	<div class="slider">
		<ul class="items">
			<li><img src="media/Slideshow/image1.jpg" alt="">
				<div class="banner">
				<h6>National<strong>Standards</strong><strong>Of Practice</strong></h6>
				</div>
			</li>
			<li><img src="media/Slideshow/image2.jpg" alt="">
				<div class="banner">
				<h6>Choice<strong>Based on</strong><strong>the Individual</strong><strong>Patient</strong></h6>
				</div>
			</li>
			<li><img src="media/Slideshow/image3.jpg" alt="">
				<div class="banner">
				<h6>Food<strong>is the Best</strong><strong>Medicine!</strong></h6>
				</div>
			</li>
		</ul>
		<ul class="pagination">
			<li><a href="#"><span>1</span></a></li>
			<li><a href="#"><span>2</span></a></li>
			<li><a href="#"><span>3</span></a></li>
		</ul>
	</div>
 	<a href="#" id="prev">prev</a>
	<a href="#" id="next">next</a>
</div>
 <script type="text/javascript">
		$(window).load(function(){
			$('.slider')._TMS({
				duration:800,
				easing:'easeInOutBack',
				preset:'diagonalExpand',
				pagination:'.pagination',
				nextBu:'#next',
				prevBu:'#prev',
				slideshow:7000,
				banners:'fade',
				waitBannerAnimation:false,
				pauseOnHover:true,
			})
		});
</script>
